import React from 'react';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import Tree from './components/tree';
import View from './components/view';
import styles from './index.less';

export default () => {
  return (
    <DndProvider backend={HTML5Backend}>
      <div className={styles.container}>
        <div className={styles.treeContent}>
          <Tree />
        </div>
        <div className={styles.viewContent}>
          <View />
        </div>
      </div>
    </DndProvider>
  );
};
